<nav id="navegacion">
    <div style="width: 70%;margin: 0px auto;max-width: 780px;">
    <ul>
    <?php $count=1; ?>
    <?php foreach ($listaEspecialidad_menu as $row) {?>
        <?php if($count==1){ ?>
        <?php $class="primero";}else{ ?>
        <?php if($count==2){?>
        <?php $class="segundo"; }else{?>
        <?php  $class="tercero";} } ?>
    <li class="<?php echo $class; ?>"  ><?php echo $row->getDescripcion();?></li>

           <?php $count++; ?>
    <?php  } ?>
      <li class="ultimo"  onclick="listarEspecialidad()">Otras categorias</li>
    </ul>
    </div>   


    <div id="lista_especialidad" >

    </div>

</nav>

<script  type="text/javascript">


function listarEspecialidad()
{
                $.ajax({
                  url:     '<?php echo url_for('@especialidad_listado');?>',
                  success: function(data)
                  {
               $("#lista_especialidad").html(data);
               $("#lista_especialidad").fadeIn("slow");
                  }
                });
}



</script>